<?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<title>Messaging Service</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		
        <link href="styles/reset.css" rel="stylesheet" type="text/css" />
        <link href="styles/baseStyles.css" rel="stylesheet" type="text/css" />
        <link href="styles/application_specific.css" rel="stylesheet" type="text/css" />	
		
		<script type="text/javascript" src="script/platformservices.js" charset="utf-8"></script>
		<script type="text/javascript" src="script/templates.js" charset="utf-8"></script>
		<script type="text/javascript" src="script/platformservices_20_specific.js" charset="utf-8"></script>
		<script type="text/javascript" src="script/basic.js" charset="utf-8"></script>
		
    </head>
    <body onLoad="javascript:init();">
        <div id="wrap">
        	<div id="content">
            <h1 class="top-aligned">Messaging service</h1>
            <ul class="nav-horizontal-flat  stack">
                <li class="three-piece">
                    <a id="a1" class="selectedTab" href="#" onclick="showInbox(false)">Send SMS</a>
                </li>
                <li class="three-piece">
                    <a id="a2" href="#" onclick="showInbox(true)">Inbox</a>
                </li>
            </ul>
            <div style="display:block">
                <br/>
                <br/>
                <br/>				
				<br/>				
            </div>
            <form name="msg1">
                <div style="display:block" id="smsSendContainer">
                    <table>
                        <tr>
                            <th colspan="2" scope="colgroup">
                                New Message
                            </th>
                        </tr>
                        <tr>
                            <td>
                                <label for="phoneNumber">
                                    Phone number:
                                </label>
                                <br/>
                                <input style="-wap-input-format: '*n'" type="text" name="phoneNumber" id="phoneNumber" size="15" maxlength="15" value=""/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="message">
                                    Message:
                                </label>
                                <br/>
                                <textarea name="message" id="message" cols="20" rows="3">Hello!</textarea>
                            </td>
                        </tr>
                    </table>
                    <ul class="nav-horizontal-rounded stack">
                        <li class="first two-piece">
                            <a href="#" onclick="sendSMS(document.msg1.phoneNumber.value,document.msg1.message.value);">Send</a>
                        </li>
                        <li class="last two-piece">
                            <a href="#" onclick="startEditor(document.msg1.phoneNumber.value,document.msg1.message.value);">Start Editor</a>
                        </li>
                    </ul>
                </div>
                <div id="inboxContainer" style="display:none">
                    <div id="msgList">
                    </div>
                    <ul class="button-rounded">
                        <li>
                            <a href="#" onclick="setStatus('read');">Set read</a>
                        </li>
                        <li>
                            <a href="#" onclick="setStatus('unread');">Set unread</a>
                        </li>
                        <li>
                            <a href="#" onclick="setStatus('delete');">Delete</a>
                        </li>
                    </ul>
                </div>
            </form>
        </div>
		</div>
    </body>
</html>
